<!DOCTYPE html>
<html lang="en" dir="ltr">
    <head>
        <meta charset="utf-8">
        <title>Polygoon</title>
        <link rel="stylesheet" href="<?=base_url()?>asset/css/all.css" />
        <link rel="stylesheet" href="<?=base_url()?>asset/plugins/formatter/css/chosen.min.css">
        <link rel="stylesheet" href="<?=base_url()?>asset/plugins/glyphicons/bootstrap-glyphicons.css">
        <link rel="stylesheet" href="<?=base_url()?>asset/plugins/scrollbar/css/perfect-scrollbar.min.css">
        <link rel="stylesheet" href="<?=base_url()?>asset/plugins/fileuploader/css/jquery.fileupload.css">
        <link rel="stylesheet" href="<?=base_url()?>asset/plugins/fileuploader/css/jquery.fileupload-ui.css">
		<style type="text/css" media="all">
			/* fix rtl for demo */
			.chosen-rtl .chosen-drop { left: -9000px; }
        </style>
        <script>var base_url = '<?=base_url()?>';</script>
	</head>
    
    <body>
    	<header>
        	<nav class="top_nav">
            	<div class="logo_brand">
                	<img src="<?=base_url()?>asset/images/logo.png" alt="Polygoon.com" />
                </div>
                <div class="my_top_nav">
                	<ul>
                    	<li>
							<?php
                                $avatar = $get_my_info['strAvatar']=='' ? 'default/avatar100x100.png':$get_my_info['strUserName'].'/'.$get_my_info['strAvatar'];
                            ?>
							<?=$midname = $get_my_info['strMiddleName'] == '' ? '':$get_my_info['strMiddleName'].' '?>
							
                        	<div class="top-profile" onclick="window.location='<?=base_url()?>profile/<?=$get_my_info['strUserName']?>'">
                                <img width="25px" src="<?=base_url()?>users/<?=$avatar?>" alt="<?=$get_my_info['strUserName']?>" width="120px"/>
                                <span class="myname">
                                	<?=$get_my_info['strFirstName'].' '.$midname.$get_my_info['strLastName']?>
                                </span>
                            </div>
                        </li>
                        <li>
                            <ul class="dropdown">
                                <li class="drop">
                                    <i class="glyphicon glyphicon-globe"></i>
                                    <div class="dropdownContain">
                                        <div class="dropOut">
                                            <div class="triangle"></div>
                                            <ul>
                                                <li class="new-notif dropdown-content">
                                                	ASDF<br />
                                                	ASDF<br />
                                                	ASDF<br />
                                                	ASDF<br />
                                                	ASDF<br />
                                                	ASDF<br />
                                                	ASDF<br />
                                                	ASDF<br />
                                                	ASDF<br />
                                                	ASDF<br />
                                                	ASDF<br />
                                                	ASDF<br />
                                                	ASDF<br />
                                                	ASDF<br />
                                                	ASDF<br />
                                                	ASDF<br />
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <ul class="dropdown">
                                <li class="drop">
                                    <i class="glyphicon glyphicon-envelope"></i>
                                    <div class="dropdownContain">
                                        <div class="dropOut">
                                            <div class="triangle"></div>
                                            <ul>
                                                <li class="new-msg dropdown-content">
                                                	ASDF<br />
                                                	ASDF<br />
                                                	ASDF<br />
                                                	ASDF<br />
                                                	ASDF<br />
                                                	ASDF<br />
                                                	ASDF<br />
                                                	ASDF<br />
                                                	ASDF<br />
                                                	ASDF<br />
                                                	ASDF<br />
                                                	ASDF<br />
                                                	ASDF<br />
                                                	ASDF<br />
                                                	ASDF<br />
                                                	ASDF<br />
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <ul class="dropdown">
                                <li class="drop">
                                    <i class="glyphicon glyphicon-cloud"></i>
                                    <div class="dropdownContain">
                                        <div class="dropOut">
                                            <div class="triangle"></div>
                                            <ul>
                                                <li><a href="<?=base_url()?>submit_art"><i class="glyphicon glyphicon-cloud-upload"></i> Submit Art</a></li>
                                                <li><div class="dropdown-separator"></div></li>
                                                <li><a href="<?=base_url()?>art"><i class="glyphicon glyphicon-picture"></i> My Art</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </li>
                        <li class="menu_icons">
                            <ul class="dropdown">
                                <li class="drop">
                                    <span class="caret"></span>
                                    <div class="dropdownContain">
                                        <div class="dropOut">
                                            <div class="triangle"></div>
                                            <ul>
                                                <li><a href="<?=base_url()?>subscription"><i class="glyphicon glyphicon-star"></i> Subscription</a></li>
                                                <li><a href="<?=base_url()?>favourites"><i class="glyphicon glyphicon-heart"></i> Favourites</a></li>
                                                <li><a href="<?=base_url()?>badges"><i class="glyphicon glyphicon-certificate"></i> Badges</a></li>
                                                <li><a href="<?=base_url()?>Watchers"><i class="glyphicon glyphicon-eye-open"></i> Watchers</a></li>
                                                <li><a href="<?=base_url()?>transaction_history"><i class="glyphicon glyphicon-phone-alt"></i> Transaction History</a></li>
                                                <li><a href="<?=base_url()?>settings"><i class="glyphicon glyphicon-cog"></i> Account Settings</a></li>
                                                <li><div class="dropdown-separator"></div></li>
                                                <li><a href="<?=base_url()?>logout"><i class="glyphicon glyphicon-log-out"></i> Log Out</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div class="nav_links">
                	<ul>
                    	<li class="navlink">
                        	<a href="#">HOME</a>
                        </li>
                    	<li class="navlink">
                        	<a href="#">GALLERY</a>
                        </li>
                    	<li class="navlink">
                        	<a href="#">BLOGS</a>
                        </li>
                    	<li class="navlink">
                        	<a href="#">FORUM</a>
                        </li>
                        <li class="search">
                        	<form action="javascript:void(0)" method="POST">
                                <input type="text" class="search-input" placeholder="SEARCH" />
                                <button class="search-btn"><i class="glyphicon glyphicon-search"></i></button>
                            </form>
                        </li>
                    </ul>
                </div>
            </nav>
        </header>
